import { reactive } from 'vue';

export const btnList = reactive([
  {
    label: 'primary',
    type: 'primary',
  },
  {
    label: 'default',
    type: 'default',
  },
  {
    label: 'dashed',
    type: 'dashed',
  },
  {
    label: 'text',
    type: 'text',
  },
  {
    label: 'disable',
    type: 'default',
    disabled: true,
  },
]);

export const dangerBtnList = reactive([
  {
    label: 'primary',
    type: 'primary',
    danger: true,
  },
  {
    label: 'default',
    type: 'default',
    danger: true,
  },
  {
    label: 'dashed',
    type: 'dashed',
    danger: true,
  },
  {
    label: 'text',
    type: 'text',
    danger: true,
  },
]);

export const warningBtnList = reactive([
  {
    label: 'primary',
    type: 'primary',
    warning: true,
  },
  {
    label: 'default',
    type: 'default',
    warning: true,
  },
  {
    label: 'dashed',
    type: 'dashed',
    warning: true,
  },
  {
    label: 'text',
    type: 'text',
    warning: true,
  },
]);

export const successBtnList = reactive([
  {
    label: 'primary',
    type: 'primary',
    success: true,
  },
  {
    label: 'default',
    type: 'default',
    success: true,
  },
  {
    label: 'dashed',
    type: 'dashed',
    success: true,
  },
  {
    label: 'text',
    type: 'text',
    success: true,
  },
]);
